<template>
    <div>
        <van-nav-bar title="商品搜索" left-text="返回" left-arrow @click-left="($router.push('/home'))" />
        <van-search v-model="value" placeholder="百度一下" />
        <van-cell-group v-for="item in qsearch">
            <van-cell :title="item.goods_name"/>

        </van-cell-group>


    </div>
</template>

<script setup>
import { ref, watch } from 'vue';
import { qsearchApi } from '@/api/api';
let value=ref('')
let qsearch = ref([])
import _ from 'lodash'
watch(value,
_.debounce((val)=>{
    qsearchApi(val).then(res=>{
         console.log('搜索数据',res)
         qsearch.value=res.data.message

    })
   
}))

</script>

<style lang="scss" scoped></style>